<div class = "main-view"><!--最外层div-->
    <div class="left-margin top-margin"><strong class="am-text-primary am-text-lg">小区信息补充</strong></div>

    <form class="am-form-inline left-margin top-margin" role="form">
        <div class = "city-cascading" style = "display: inline-block;" id = "cascad-search"></div>
        <div class="am-form-group">
            <label>处理状态:</label>
            <select style="height: 32px" ng-model="status">
                <option value=''>全部</option>
                <option value=2>未处理</option>
                <option value=1>已通过</option>
                <option value=0>已拒绝</option>
            </select>
        </div>
        <div style = "display: inline-block;"><button type="submit" class="am-btn am-btn-primary" ng-click="search($event)" data-target = "cascad-search">搜索</button></div><br>
    </form>
    <br>

    <div id = "pagination" class = "pagination"></div>
    <div class="pagination-table left-margin" id="tab_menu" style = "margin-top: 0px;">
        <form class="am-form">
            <table class="am-table-striped am-table-hover table-main">
                <thead>
                <tr>
                    <th class="table-check"><input type="checkbox" ng-click="allSelected()"></th>
                    <th>小区</th>
                    <th>昵称</th>
                    <th>补充信息</th>
                    <th>手机</th>
                    <th>地址</th>
                    <th align="right">反馈时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="supplement in supplementList">
                    <td class="table-check"><input type="checkbox" class = "item-check"></td>

                    <td>{{supplement.community.communityName}}</td>
                    <td>{{supplement.createdBy.nickName}}</td>
                    <td><div style = "position: relative;width: 400px;line-height: 1.2;">{{supplement.desc}}</div></td>
                    <td><div style = "position: relative;width: 200px;line-height: 1.2;">{{supplement.phone}}</div></td>
                    <td>{{supplement.address}}</td>
                    <td>{{supplement.dateCreated | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                    <td ng-show="supplement.status==true">{{'已通过'}}</td>
                    <td ng-show="supplement.status==null">{{'未处理'}}</td>
                    <td ng-show="supplement.status==false">{{'已拒绝'}}</td>



                    <td><button class="am-btn am-btn-default am-btn-xs am-text-secondary" ng-show="supplement.status==null" ng-click="handleSupplement(supplement, true)"><span class="am-icon-pencil-square-o"></span> 处理</button>
                    <button class="am-btn am-btn-default am-btn-xs am-text-danger" ng-show="supplement.status==null" ng-click="handleSupplement(supplement, false)"><span class="am-icon-pencil-square-o"></span> 拒绝</button></td>

                </tr>
                </tbody>
            </table>
        </form>
    </div>

    <div class = "left-margin">共<span id = 'page_number'>{{pageNumber}}</span>页 <span>{{count}}条数据</span></div>

</div>